.theme-switcher {
  &.header-style {
    display: flex;
    align-items: center;
    
    .ant-btn {
      padding: 0 8px;
      
      &:hover {
        background-color: rgba(0, 0, 0, 0.025);
      }
    }
    
    .dark-icon {
      color: #fadb14;
    }
  }
  
  &.sidebar-style {
    padding: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    
    .theme-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
      
      &:last-child {
        margin-bottom: 0;
      }
      
      .label {
        font-size: 14px;
      }
      
      .color-picker {
        &:hover {
          transform: scale(1.1);
          transition: transform 0.2s;
        }
      }
    }
  }
}

// 深色模式下的特殊样式
.dark-theme {
  .theme-switcher.sidebar-style {
    border-top-color: rgba(255, 255, 255, 0.1);
  }
  
  .theme-switcher.header-style {
    .ant-btn:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }
    
    .dark-icon {
      color: #fadb14;
    }
  }
} 